*{
    margin: 0;
    padding: 0;
}
body{
    min-height: 100vh;
    background: #4c4c4c url('https://unsplash.it/1500/900?image=1021');
    background-size: cover;  /*适应*/
    background-repeat: no-repeat;
     display: flex;/* 弹性容器，实现居中*/
    justify-content: center;
    align-items: center;
}
.wrapper{
    display: flex; /*弹性容器,默认在X轴方法分布*/
width: 850px;
}
.speed{
    /* width: 85px; */
    flex:1;
    background: #fff;
    margin: 10px;
    border-radius: 50px;
    overflow: hidden;
}
.speed-bar{
    width: 100%;
    height: 16.3%;
    background :linear-gradient(-170deg,#2376ae,#c16ecf 100%);
     color:#fff;/*字体颜色 */
     /*text-align: center; 文本居中*/
     display: flex;
     align-items: center;
     justify-content: center;
      cursor: pointer;/* 把鼠标变成一只手*/
}